<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link rel="stylesheet" href="../../../plugin/bootstrap/css/bootstrap.css">
</head>
<body>
<div id="app" class="container">
<div class="row">
    <ul class="nav nav-tabs">
        <li><a href="#">主页</a></li>

    </ul>
</div>
    <div class="row">
        <h3>推荐产品</h3>
    </div>
    <div class="row">
        <template v-for="cake in cakes" >
        <div class="col-md-3">
           <a :href="'cake_detail.html?cake_id='+cake.id">


            <div class="panel panel-success">
                <div class="panel-body">
                    <img style="width: 220px" src="https://imagecdn.lapetit.cn/postsystem/docroot/images/goods/202104/24273/list_24273.jpg"/>

                </div>
                <div class="panel-footer">
                    <div>{{cake.name}}</div>
                      <div>
                          price:{{cake.price}}
                      </div>

                </div>

            </div>
           </a>

        </div>
        </template>
    </div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js"></script>
<script src="../../../js/website/index2.js"></script>


</html>